<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人中心</title>
</head>
<link href="https://cdn.bootcdn.net/ajax/libs/animate.css/4.1.1/animate.min.css" rel="stylesheet">
<script type="text/javascript" src="http://www.jeendo.com/script/wow/wow.min2.js"></script>

<body>
    <div class="web">
        <header>
            <div class="logo wow animate__rubberBand animate__infinite">
                <img src="../img/logo.png" alt="">
            </div>
            <div class="url">
                <a href="./index.html">
                    <div class="title">首页
                        <p>home</p>
                    </div>
                </a>
                <a href="./list.html">
                    <div class="title">游戏
                        <p>game</p>
                    </div>
                </a>
                <a href="./case.html">
                    <div class="title">案例
                        <p>Case</p>
                    </div>
                </a>
                <a href="./user.html">
                    <div class="title">关于我们
                        <p>About us</p>
                    </div>
                </a>
                <a href="./list2.html">
                    <div class="weixin">
                        <img src="../img/sy-wx.png" alt="">
                    </div>
                </a>
            </div>
        </header>
        <main>
            <div class="top">
                <span>首页>个人中心</span>
            </div>
            <nav>
                <a href="#">我的游戏</a>
                <a href="#">我的收藏</a>
                <a href="#">试玩记录</a>
                <a href="#">游戏流程</a>
                <a href="#">表单设置</a>
            </nav>
            <div class="user wow animate__slideInUp">
                <span>Soy sauce</span>
                <div class="userIcon"><img src="../img/icon.png" alt=""></div>
            </div>
            <div class="content">
                <div class="left  wow animate__slideInLeft">
                    <div class="item">
                        <i class="iconfont icon-weixin"></i>
                        <span>微信关注</span>
                    </div>
                    <div class="imgBox">
                        <img src="../img/u2.png" alt="">
                    </div>
                    <div class="item">
                        <i class="iconfont icon-youxitianchong
                        "></i>

                        <span>微信关注</span>
                    </div>
                    <div class="imgBox">
                        <img src="../img/u2.png" alt="">
                    </div>
                    <div class="item">
                        <i class="iconfont icon-liwu"></i>

                        <span>微信关注</span>
                    </div>
                    <div class="imgBox">
                        <img src="../img/u2.png" alt="">
                    </div>
                    <div class="item">
                        <i class="iconfont icon-biaodan"></i>

                        <span>微信关注</span>
                    </div>
                </div>
                <div class="right  wow animate__slideInRight">
                    <div class="box">
                        <input type="text" placeholder="流程名:">
                        <input type="text" placeholder="流程名:">
                        <input type="text" placeholder="流程名:">
                        <input type="text" placeholder="流程名:">
                        <button>保存</button>
                    </div>
                </div>
            </div>
        </main>
        <footer>
            <div class="left"><img src="../img/f1.png" alt=""></div>
            <div class="text">COPYRIGHT © 2014 PANGTANG. ALL RIGHTS RESERVED. 版权所有</div>
            <div class="right"><img src="../img/f2.png" alt=""></div>
        </footer>
    </div>
</body>

</html>